<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>成功企业家俱乐部</title>
    <link rel="shortcut icon" href="images/tPic.ico"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/hxlunjian.css"/>
    <link rel="stylesheet" href="css/x1Common.css"/>
    <link rel="stylesheet" href="js/comment/lib/pagination.css" />
    <!-- <link rel="stylesheet" href="css/index.css"/>-->
    <link rel="stylesheet" href="css/login.css"/>
    <link rel="stylesheet" type="text/css" href="css/Style.css" media="all" /><!--页面整体样式-->
    <script src="js/jquery-1.7.2.js"></script>

    <script src="js/artTemplate/template.js"></script>
    <script src="js/comment/lib/laypage.js"></script>

    <script type="text/javascript">
        var jx_replace = function (job, newStr) {
            if (job == '') {
             return null;

             } else {
                return ( job.replace('*', newStr));
             }
        }
        var jx_giveup = function (job, newStr) {
            if (job == '') {
                return null;

            } else {
                var inde = job.indexOf('*');
                if(inde != -1) {
                    return job.substring(0, inde);
                } else {
                    return job;
                }
//                return (job.split('*').join("&nbsp;") );
            }
        }

        $(function() {

            template.helper("jxtt", jx_replace);

            template.helper("jxtz", jx_giveup);

            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 1 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 3},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi1'), varietyHtml = template('lishis1', data);
                    $varietyContent.html(varietyHtml);
                }
            });
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 2 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 3},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi2'), varietyHtml = template('lishis2', data);
                    $varietyContent.html(varietyHtml);

                }
            });
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 3 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 3},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi3'), varietyHtml = template('lishis3', data);
                    $varietyContent.html(varietyHtml);

                }
            });
            $.ajax({
                url: "/hxclub/vipUser/pageList.do",
                async: false,
                type: "get",
                dataType: "json",
                data: {"levelname": 4 /*"keywords": 3,*/, "pageNo": 1, "pageSize": 3},
                success: function (data) {
                    console.info(data)
                    var $varietyContent = $('#lishi4'), varietyHtml = template('lishis4', data);
                    $varietyContent.html(varietyHtml);

                }
            });

            var pageCount = 1;
            var pageSize = 25;

            getdata(pageCount, pageSize);
            showdata(pageCount, pageSize);

            // 获取后台数据
            function getdata(pageNo, pageSize){
                $.ajax({
                    url: '/hxclub/vipUser/pageList.do', async:false,
                    data:{
                        levelname:5,
                        pageNo : pageNo,
                        pageSize: pageSize
                    },
                    type:'POST',
                    dataType:"json", success:function(json){
                        var XHtml= template('lishis5', json);
                        $('#lishi5').html(XHtml);

                        pageCount = json.data.pageCount;
                    }
                })
            }

            // 数据展示
            function showdata(pages, pageSize) {
                //调用分页
                laypage({
                    cont: 'biuuu_city',
                    pages: pages,
                    jump: function(obj){
                        getdata(obj.curr, pageSize)
                    }
                })
            }
        })

    </script>
    <script src="js/x1Common.js"></script>
</head>
<body>
<div id="header"></div>
<div class="l_top">
    <img src="images/gbanner.jpg" alt=""/>
</div>
<div class="l_tree">
    <p class="l_tree1"><span></span> 当前位置：<a href="index.html">首页</a> -> <b>理事成员</b>
        <em>理事成员</em>
    </p>
</div>
<div class="m_content">

    <div class="l_lishi">
<p>理事会主席</p>
    <ul id="lishi1">

            <script  id="lishis1" type="text/html">
                {{each data.result as value i}}
                <a href="gIntroduce.html?id={{value.id}}">
                <li>
            <img src="{{value.headImg}}" alt="" class="l_lishia"/>
            <h1>{{value.name}}</h1>
            <span class="job">{{value.job | jxtt:"&nbsp;"}}</span>

                </li>
                </a>
                {{/each}}
            </script>

    </ul>
</div>

    <div class="l_lishi">
        <p>理事会荣誉理事长</p>

        <ul id="lishi2">

            <script  id="lishis2" type="text/html">
                {{each data.result as value i}}
                <a href="gIntroduce.html?id={{value.id}}">
                    <li>
                        <img src="{{value.headImg}}" alt="" class="l_lishia"/>
                        <h1>{{value.name}}</h1>
                        <span class="job">{{value.job  | jxtt:" "}}</span>
                    </li>
                </a>
                {{/each}}
            </script>

        </ul>

    </div>

    <div class="l_lishi">
        <p>理事会特别顾问</p>
        <ul id="lishi3">

            <script  id="lishis3" type="text/html">
                {{each data.result as value i}}
                <a href="gIntroduce.html?id={{value.id}}">
                    <li>
                        <img src="{{value.headImg}}" alt="" class="l_lishia"/>
                        <h1>{{value.name}}</h1>
                        <span>{{value.job  | jxtt:"&nbsp;"}}</span>
                    </li>

                </a>
                {{/each}}
            </script>

        </ul>
    </div>

    <div class="l_lishi">
        <p>理事会理事长、副理事长、执行理事</p>
        <ul id="lishi4" style="height: 510px;margin-top: -19px;">

            <script  id="lishis4" type="text/html">
                {{each data.result as value i}}
                <a href="gIntroduce.html?id={{value.id}}">
                    <li style="margin-top: 20px;">
                        <img src="{{value.headImg}}" alt="" class="l_lishia"/>
                        <h1>{{value.name}}</h1>
                        <span>{{value.job  | jxtt:"&nbsp;"}}</span>
                    </li>
                </a>
                {{/each}}
            </script>

        </ul>
</div>

    <div class="l_lishi2">
        <p>理事</p>
        <ul id="lishi5">

            <script  id="lishis5" type="text/html">
                {{each data.result as value i}}
                <a href="gIntroduce.html?id={{value.id}}">
            <li>
                <img src="{{value.headImg}}" alt="" class="l_lishic"/>
                <h1>{{value.name}}</h1>
                <span>{{value.job | jxtz:""}}</span>
            </li>
                </a>
                {{/each}}
            </script>

        </ul>

    </div>
    <div class="xCont4">
        <div class="X1ListPage1">
            <!-- 这里显示分页 -->
            <div class="X1auto" id="biuuu_city"></div>
        </div>
    </div>
</div>
</div>
<p class="l_footer"></p>
<div class="gContent4"></div>
<script>
    $.ajax({
        url:"x1Header.html",
        async:false,
        success:function(html){
            $("#header").append(html);
        }
    })
</script>
<script>
    $.ajax({
        url:"x2Footer.html",
        async:false,
        success:function(html){
            $(".gContent4").append(html);
        }
    })
</script>
</body>
</html>














